草庐IT

html 图像

全部标签

javascript - 将 JavaScript 生成的图像上传到 Django

我有一个在客户端生成的图像,我想通过表单将其传输到服务器。例如,假设我有一个注册表单,其中的个人资料图像由JavaScript自动生成,我想将该图像传输到django。当用户点击提交按钮时,将图像二进制数据传输到服务器的最佳方式是什么?我应该使用什么表单域?谢谢! 最佳答案 我自己找到了答案,以下是解决方案以备不时之需:在客户端,这是从Canvas获取图像并将其设置为表单字段(隐藏的字符字段)的方式:vardataURL=document.getElementById('canvas_id').toDataURL("image/pn

javascript - Html5 filereader - 读取本地 Json Array 文件并仅显示特定部分

我是初学者,来自VBAexcel编程工具。在VBA中读取excel文件,操作excel内容比Filereader和Jsonarray这样的网络工具要容易得多。我的Json数组文件中有以下内容。[["TWE",6000,4545.5],["RW",1000,256.3]]我想从下面的html文件中读取并只显示值253.6你能帮帮我吗这里是Html文件阅读器示例functionhandleFileSelect(){if(window.File&&window.FileReader&&window.FileList&&window.Blob){}else{alert('TheFileAPIs

javascript - 避免 XSS 并允许一些带有 JavaScript 的 html 标签

我在当前的项目中遇到了一个问题:用户可以使用文本区域发送电子邮件。我们允许用户输入他们想要的任何内容,因此可以输入一些用于格式化的HTML。例如,应允许用户使用粗体文本标记。完成电子邮件后,用户应该能够动态查看电子邮件的预览。不过有一个小问题,如何在显示预览时避免XSS攻击?您当然可以使用underscore.js去除它们,但这不会格式化他们的预览。所以我暂时禁止了所有HTML标签,只允许像这样的标签。,等您如何看待这个解决方案?是否足够安全? 最佳答案 为了防止应用程序受到XSS攻击,我通常使用以下规则:确定您的应用程序的安全级别

javascript - AngularJS 如何使用过滤器延迟加载图像

我正在开发一个Angular应用程序,其中主页加载1000张图像,但用户一次只能查看20张。我还将在我的列表中设置多个过滤器,以便可以根据不同的标准对其进行过滤和排序。我试过了http://binarymuse.github.io/ngInfiniteScroll/#和http://ngscroller.herokuapp.com/但似乎都没有那么好用。Ngscroller确实可以工作,但是当我尝试应用我的过滤器时它会中断。我也更喜欢这个,因为它不需要我包含jquery。是否有任何简单的指令可以满足我的需要?我正在尝试加快我的网页速度,但我不想重新发明轮子,如果已经有一些东西可以做到这

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - 检查 HTML 文件是否在线或本地文件夹

我正在寻找一个javascript代码(如果可能的话)来检查是否已从远程主机或pc的本地文件夹启动/读取HTML文件。..让我用一个例子更好地解释一下:我在C:/folder/file.html中有一个html文件如果我通过双击启动它,一个js脚本会在文档上打印“从本地读取”。现在,如果我将其托管在我的网站上,例如www.mydomain.org/file.html并打开该页面,js脚本打印“从在线读取”这会很有帮助,现在谢谢你。 最佳答案 window.location.protocol可以告诉你文件是本地的("file:")还是

javascript - 如何将 JSON 值从 Controller 传递到 Thymeleaf 中的 HTML?

我尝试使用数据表进行“服务器端分页”。我正在按照本教程完成它“http://javahonk.com/spring-mvc-pagination-datatables/”。它使用JSP作为他们的html语言。我在这里使用的是“Thymeleaf”但是当我尝试这样做时,我发现JSON值已经生成,但它出现在我的控制台中,不会出现在我的HTML页面中这是我的Controller:SpringMVCController.java@RequestMapping(value="/barangs",method=RequestMethod.GET,produces="application/json

javascript - ES6 在 html 中导入 vs <script src>

这个问题在这里已经有了答案:Howtoknowwhentoimportapackageorpasteitinindex.html(2个答案)关闭7年前。我想知道有什么区别1-importXLibraryComponentfrom'xlibrarycomponent'来自ES6与常规方式相比2-我问这个是因为我从React开始,我看到你注入(inject)了一些组件做importXfrom'x'以及您作为我在上面发布的第二种方式注入(inject)到html中的其他组件。那么,有什么区别呢?哪种方法最好?

javascript - 使用 Javascript 进行图像处理?

我正在尝试编写一个greasemonkey脚本,它最好能够处理图像(具体来说,找到图像中最暗的像素)。有没有办法做到这一点,或者我必须嵌入Flash? 最佳答案 由于它是特定于Firefox的,因此您可以使用canvas元素。我从来没有写过greasemonkey脚本,所以我不知道你会怎么做,但我的想法是,你创建一个新的Canvas元素并将图像绘制到Canvas上。然后,您可以从Canvas中获取像素值。//Createthecanvaselementvarcanvas=document.createElement("canvas"

javascript - 停止使用 javascript(延迟加载)加载图像?

我正在尝试停止在dom上使用javascript加载图像,然后在需要时初始化加载,这就是所谓的图像延迟加载。像这样:$(document).ready(function(){varimages=$('img');$.each(images,function(){$(this).attr('src','');});});这不起作用(在ff3.5、safari3-4中测试)。无论如何,图像正在加载,我不明白。例如,这个插件www.appelsiini.net/projects/lazyload正在做完全相同的事情,在页面加载时删除src属性。我错过了什么?编辑:我在这里添加了一个测试页面: